// 渐变背景色按钮
.btnBgGradient() {
  background: @primary-gradient;
  border: none;
  color: @default-color;
}

// 渐变颜色Icon
.iconBgGradient() {
  background: @primary-gradient;
  background-clip: text;
  color: transparent;
}

// 响应式背景图片
.bgImg(@imgUrl) {
  background-image: ~'url(@{imgUrl})';

  @media (-webkit-min-device-pixel-ratio: 2), (min-device-pixel-ratio: 2) {
    @url: replace(@imgUrl, '(\..+?)$', '@2x$1');
    background-image: ~'url(@{url})';
  }
  @media (-webkit-min-device-pixel-ratio: 3), (min-device-pixel-ratio: 3) {
    @url: replace(@imgUrl, '(\..+?)$', '@3x$1');
    background-image: ~'url(@{url})';
  }
}
